<template>
<uni-shadow-root class="partials-stores-normal_mendian-normal_mendian"><template name="normal_mendian">



<block>

<view class="belong_mendian_block" v-if="arr.id">
  <view class="belong_mendian_left">
      <image class="belong_mendian_banner" :src="arr.logo"></image>
      <view class="belong_mendian_base_info">
          <text class="belong_mendian_name">{{arr.name}}</text>
          <view class="belong_mendian_info_item">
              <image class="belong_mendian_info_icon" mode="aspectFit" src="http://image1.sansancloud.com/xianhua/2020_3/27/11/41/57_180.jpg?x-oss-process=style/preview_120"></image>
              <text class="belong_mendian_info_text">{{arr.openTime}}:00-{{arr.closeTime}}:00</text>
          </view>
          <view class="belong_mendian_info_item">
              <image class="belong_mendian_info_icon" mode="aspectFit" src="http://image1.sansancloud.com/xianhua/2020_3/27/11/41/57_164.jpg?x-oss-process=style/preview_120"></image>
              <text class="belong_mendian_info_text">{{arr.address}}</text>
          </view>
      </view>
  </view>
  <view class="belong_mendian_right">
      <view class="belong_mendian_change_block" @click.stop.prevent="toNearbyStores">
          <text class="belong_mendian_change_text">变更提货点</text>
          <image class="belong_mendian_change_icon" src="http://image1.sansancloud.com/xianhua/2020_3/27/11/41/57_119.jpg?x-oss-process=style/preview_120"></image>
      </view>
      <view class="belong_mendian_btn_block">
          <view class="belong_mendian_btn_item" @click.stop.prevent="navigationToMap" :data-info="arr">
              <image class="belong_mendian_btn_icon" src="http://image1.sansancloud.com/xianhua/2020_3/27/11/41/57_147.jpg?x-oss-process=style/preview_120"></image>
              <text class="belong_mendian_btn_text">导航</text>
          </view>
          <view class="interval_line" style="background: #eee;"></view>
          <view class="belong_mendian_btn_item" @click.stop.prevent="calling" :data-phonenumber="arr.telno">
              <image class="belong_mendian_btn_icon" src="http://image1.sansancloud.com/xianhua/2020_3/27/11/41/57_131.jpg?x-oss-process=style/preview_120"></image>
              <text class="belong_mendian_btn_text">电话</text>
          </view>
      </view>
  </view>
</view>
</block>


</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/stores/normal_mendian/normal_mendian'

Component({})

export default global['__wxComponents']['partials/stores/normal_mendian/normal_mendian']
</script>
<style platform="mp-weixin">
.normal_mendian{
  padding: 20rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.normal_mendian_logo{
  width: 120rpx;
  height: 120rpx;
  border-radius: 120rpx;
  margin-right: 20rpx;
}
.normal_mendian_info{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 28rpx;
  width: 54%;
  color:#444;
}
.normal_mendian_name{
  font-weight: bold
}
.normal_mendian_info_bottom{
  display: flex;
  flex-direction: column;
}
.normal_mendian_addr{
  padding-right: 10rpx
}
.normal_mendian_time{
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #ccc;
  font-size: 24rpx;
  margin-top: 4rpx
}
.navigation{
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #999;
  font-size: 22rpx;
  border-left: 1rpx solid #eee;
  width: 25%;
  justify-content: flex-end;
  height:80rpx;
}
.navigation_icon{
  width: 24rpx;
  height: 24rpx;
  margin-left: 10rpx;
}
/* belongMendian */
.belong_mendian_block{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 32rpx;
    width: 100%;
    box-sizing: border-box;
}
.belong_mendian_left{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 70%;
}
.belong_mendian_banner{
    width:140rpx;
    height:140rpx;
    background:#767474;
    border-radius:8rpx;
    margin-right: 26rpx;
}
.belong_mendian_base_info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 140rpx;
    width: 65%;
}
.belong_mendian_name{
    color: #333;
    font-size: 32rpx;
    font-weight: 500;
    margin-bottom: 10rpx;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.belong_mendian_info_item{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.belong_mendian_info_icon{
    width: 26rpx;
    height: 26rpx;
    margin-right: 6rpx;
}
.belong_mendian_info_text{
    color: #666;
    font-size: 24rpx;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.belong_mendian_right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 140rpx;
}
.belong_mendian_change_block{
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #56B864;
    font-size: 28rpx;
}
.belong_mendian_change_icon{
    width: 14rpx;
    height: 24rpx;
    margin-left: 8rpx;
}
.belong_mendian_btn_block{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.belong_mendian_btn_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 24rpx;
    color: #666;
}
.belong_mendian_btn_icon{
    width: 32rpx;
    height: 32rpx;
    margin-bottom: 8rpx;
}
</style>